<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
</head>
<style>
    .mybox{
        width: 49.5%;
        padding: 0 30px;
        border: 1px solid #E2E5ED;
        background-color: #fff!important;
        float: left;
        margin-top: 20px!important;
        height: 220px
    }
    .mybox-1{
        padding: 30px 0 15px;
    }
    .mybox-ml {
        margin-left: 1%;
    }
    .f-db{
        border-bottom: 1px dashed #E2E5ED;
    }
    .clearfix{
        height: 22px
    }
    .f-font-16{
        font-size: 16px!important;
        color: #4c4948;
        margin: 0!important;
        float: left;
        height: 22px;
        line-height: 22px
    }
    .suspend-box{
        position: relative;
        cursor: pointer;
        margin-left: 5px;
        height: 22px;
        line-height: 22px
    }
    .suspend{
        box-sizing: border-box;
        display: none;
        position: absolute;
        border-radius: 3px;
        font-size: 12px;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 0 7px rgba(0,0,0,.2);
        z-index: 9;
        min-width: 200px;
        top: 0;
        left: 30px;
        padding: 10px;
        line-height: 24px;
    }
    .f-m15{
        height: 30px
    }
    .progress-bar{
        margin-top: 15px;
        width: 80%;
        height: 8px;
        border-radius: 8px;
        position: relative;
        background-color: #e2e5ed;
        float: left;
    }
    .f-fr{
        float: right;
        font-size: 30px;
        line-height: 38px
    }
    .f-font-16 {
        font-size: 16px!important;
    }
    .progress-bar-color{
        height: 8px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 8px;
        width: 2%;
    }
</style>
<body>
    <h4 style="font-size: 16px!important;font-weight: 700;color: #4c4948;margin-top: 30px;margin-bottom: 0;">经营数据</h4>
    <div>
        <div class="mybox">
            <div class="mybox-1">
                <div class="clearfix">
                    <p class="f-font-16">今日订单量</p>
                    <span class="suspend-box">
                        <img src="../../statics/img/ico20-question.png" width="20" height="20" onmouseover="$('#jrdd').show()" onmouseout="$('#jrdd').hide()">
                        <div class="suspend" id="jrdd">订单状态为已支付的订单数量</div>
                    </span>
                </div>
                <div class="f-m15">
                    <div class="progress-bar">
                        <div style="background-color: #f07065;" class="progress-bar-color" id="jrbl"></div>
                    </div>
                    <div class="f-fr" style="color: #f07065!important;" id="jrorder">

                    </div>
                </div>
            </div>
            <div class="f-db"></div>
            <div class="mybox-1">
                <div class="clearfix">
                    <div class="f-font-16">昨日订单量</div>
                    <span class="suspend-box">
                        <img src="../../statics/img/ico20-question.png" width="20" height="20" onmouseover="$('#zrdd').show()" onmouseout="$('#zrdd').hide()">
                        <div class="suspend" id="zrdd">订单状态为已支付的订单数量</div>
                    </span>
                </div>
                <div class="f-m15">
                    <div class="progress-bar">
                        <div style="background-color: #1e8feb;" class="progress-bar-color" id="zrbl"></div>
                    </div>
                    <div class="f-fr" style="color: #1e8feb!important;" id="zrorder">

                    </div>
                </div>
            </div>
        </div>
        <div class="mybox mybox-ml">
            <div class="mybox-1">
                <div class="clearfix">
                    <p class="f-font-16">今日交易额</p>
                    <span class="suspend-box">
                        <img src="../../statics/img/ico20-question.png" width="20" height="20" onmouseover="$('#jrjy').show()" onmouseout="$('#jrjy').hide()">
                        <div class="suspend" id="jrjy">订单状态为已支付的实收金额</div>
                    </span>
                </div>
                <div class="f-m15">
                    <div class="progress-bar">
                        <div style="background-color: #f07065;" class="progress-bar-color" id="jrjybl"></div>
                    </div>
                    <div class="f-fr f-font-16" style="color: #f07065!important;" id="jrtrade">

                    </div>
                </div>
            </div>
            <div class="f-db"></div>
            <div class="mybox-1">
                <div class="clearfix">
                    <div class="f-font-16">昨日交易额</div>
                    <span class="suspend-box">
                        <img src="../../statics/img/ico20-question.png" width="20" height="20" onmouseover="$('#zrjy').show()" onmouseout="$('#zrjy').hide()">
                        <div class="suspend" id="zrjy">订单状态为已支付的实收金额</div>
                    </span>
                </div>
                <div class="f-m15">
                    <div class="progress-bar">
                        <div style="background-color: #1e8feb;" class="progress-bar-color" id="zrjybl"></div>
                    </div>
                    <div class="f-fr f-font-16" style="color: #1e8feb!important;" id="zrtrade">

                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="${request.contextPath}/statics/js/modules/sys/business.js?_${.now?long}"></script>
<script>
    function fn1() {
        $("#jrdd").show();
    }
</script>
</html>